@charset "UTF-8";

/*!
 *
 * FlexJS v0.1
 * http://www.playwell.co.jp/flexjs/
 *
 * Copyright 2011, Playwell Inc.
 * Released under the MIT, BSD, and GPL Licenses.
 *
 */

.ui-group,
.ui-hgroup,
.ui-vgroup,
.ui-label,
.ui-text,
.ui-button,
.ui-spacer {
	display: block;
	position: absolute;
	overflow: visible;
	outline: none;
}

/* GROUP */
.ui-group {
	overflow: auto;
}

/* LABEL */
.ui-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
}

/* TEXT */
.ui-text {
}

/* BUTTON */
.ui-button {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
	
	white-space: nowrap;
	text-decoration: none;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.ui-button.disabled {
	opacity: 0.5;
	cursor: default;
	color: #990;
}
.ui-button span {
	display: block;
	padding: 2px 8px 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	text-align: center;
	color: #000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.ui-button,
.ui-button.disabled:hover,
.ui-button.disabled:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(250, 250, 250, 1)), color-stop(1, rgba(200, 200, 200, 1)));
	background: -moz-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(220, 220, 220, 1) 100%);
}
.ui-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(210, 210, 210, 1)));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);
}

.ui-button.selected,
.ui-button:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(190, 190, 190, 1)), color-stop(1, rgba(160, 160, 160, 1)));
	background: -moz-linear-gradient(top, rgba(190, 190, 190, 1) 0%, rgba(160, 160, 160, 1) 100%);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}
.ui-button.disabled:active {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.ui-button:active span {
	border-top: 1px solid rgba(0, 0, 0, 0);
}

/* SPACER */
.ui-spacer {
	-webkit-user-select: none;
	-moz-user-select: none;
}
